.root {
  :global{
    // .ant-card-head{
    //     background: none;
    //     border-bottom: 1px #ddd solid;
    //     padding:0;
    //     min-height:25px;
    //     color: #999;
    // }
    // .ant-card-head-title{
    //     font-size: 12px;
    //     padding:0 10px;
    //     color: #999;
    // }
    // .ant-card-extra{
    //     padding:0;
    //     b{
    //         color: #0090FF;
    //     }
    // }
    // .ant-card-body{
    //     padding:10px 0;
    //     overflow: hidden;
    // }
    // ol{
    //     list-style-position: inside;
    //     padding:0 20px;
    //     font-size: 12px;
    // }
    // .tableCard,.ant-card-body {
    //     min-height: 360px;
    // }
    dt,
    dd {
        display: inline-block;
    }
    .dataArea .ant-card{
        .ant-card-head{
            background: none;
            border-bottom: 1px #ccc solid;
            padding:0;
            padding-bottom: 12px;
            min-height:25px;
            color: #4a4a4a;
        }
        .ant-card-head-title{
            font-size: 14px;
            padding:0 10px;
            color: #4a4a4a;
        }
        .ant-card-extra{
            padding:0;
            b{
                color: #4a90e2;
                font-weight: bold;
            }
        }
    }
    ol{
        list-style-position: inside;
        font-size: 14px;
        color: #4a4a4a;
        line-height: 20px;
        background: #f2f2f2;
        padding: 12px 20px;
        margin-bottom: 20px;
    }
    .dataDate{
        margin-top: 20px;
        margin-bottom: 12px;
        dt{font-size: 14px;color: #4a4a4a;margin-right: 8px;}
        .ant-input{border: 1px solid #979797;}
        .ant-calendar-picker-icon:after{color: #666}
    }
    .tableCard,.ant-card-body {
        min-height: 360px;
        padding: 0;
    }
    .ant-table table{
            background: #fff;
        .ant-table-thead{
            height: 30px;
            &>tr{
                th{
                padding:7px 8px 6px;
                box-sizing:border-box; 
                line-height:20px;
                text-align: right;
                border-right: 1px solid #fff;
                border-bottom:0;
                background: #f7f7f7;
                span{
                    font-size: 14px;
                    line-height: 17px;
                    color: #8d8d8d;
                    font-weight: bold;
                }
                &:first-child,&:nth-child(2){text-align: left;}
                &:last-child{border-right: 0;}
            }
            } 
        }
        .ant-table-tbody>tr{
            height: 32px;
            &:nth-child(even){
                background: #fafafa;
            }
            td{
                padding: 4px 8px 6px;
                box-sizing:border-box; 
                font-size:14px;
                line-height: 20px;
                color: #4a4a4a; 
                text-align: right;
                border-bottom:0;
                &:first-child,&:nth-child(2){text-align: left;}
            }
        }
    }
    .realisationSummary{
        background:rgba(242,242,242,0.4);
        padding: 10px 16px;
        margin-right: 12px;
    }
  }
}